﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="16.ascx.cs" Inherits="apps_uc_apps_16" %>
<div class="wrap_cauhoi" style="width: 90%;">
    <div class="title_don">
        <table style="width: 100%;">
            <tr>
                <td>
                    <h1>
                        <asp:Label ID="txtTenVB" runat="server" Text="Label">Sự chấp thuận của chủ nhà Thông tin chi tiết cho thuê lại</asp:Label>
                        
                    </h1>
                </td>
            </tr>
        </table>
    </div>
    <div class="hint">
        <table style="width: 100%;">
            <tr>
                <td>
                    Phần mềm này có tính linh hoạt cho phép bạn nhanh chóng tạo ra được sự đồng ý cho thuê Hợp đồng chuyển nhượng mà bạn muốn. Nó làm điều này bằng cách cung cấp nhiều tùy chọn với mặc định thích hợp. Nếu bạn không chắc chắn của một câu trả lời, bạn có thể bỏ trống câu trả lời và một dòng trống sẽ được đặt tại địa điểm của câu trả lời của bạn. Bạn sẽ có thể điền vào câu trả lời mà sau này (nhưng trước khi hợp đồng được ký kết). 

                </td>
            </tr>
        </table>
    </div>
   
     <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <table style="width: 100%;">
                <tr><td colspan="2">
                     <span class="cauhoi_title">Thông tin người chuyển nhượn: </span>
                   <span class="chuthich"> &nbsp;&nbsp; ( Người thuê ban đầu theo hợp đồng )</span>
                </td></tr>
                <tr>
                    <td class="cauhoi_ct">
                        Số lượng người bồi thường :
                    </td>
                    <td>
                        <select name="slnchothue" id="slnchothue">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                         </select>
                    </td>
                </tr>
            </table>
        <div id="slnguoi1">
            <table style="width: 100%;">
                <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ nhất</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtslnguoi1" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtslnguoi1"
                            runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </td>
                </tr>
            </table>
        </div>
        <div id="slnguoi2" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ hai</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt2">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtslnguoi2" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
        <div id="slnguoi3" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ ba</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt3">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtslnguoi3" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- End 1 Cauhoi -->
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <table style="width: 100%;">
                <tr><td colspan="2">
                     <span class="cauhoi_title">Thông tin người chuyển nhượn: </span>
                   <span class="chuthich"> &nbsp;&nbsp; ( Người thuê ban đầu theo hợp đồng )</span>
                </td></tr>
                <tr>
                    <td class="cauhoi_ct">
                        Số lượng người chuyển nhượn :
                    </td>
                    <td>
                        <select name="slngchuyennhuon" id="slngchuyennhuon">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                         </select>
                    </td>
                </tr>
            </table>
        <div id="ngchuyennhuon1">
            <table style="width: 100%;">
                <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ nhất</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoicn">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtngchuyennhuon1" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txtngchuyennhuon1"
                            runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </td>
                </tr>
            </table>
        </div>
        <div id="ngchuyennhuon2" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ hai</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoicn2">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtngchuyennhuon2" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
        <div id="ngchuyennhuon3" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ ba</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt33">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtngchuyennhuon3" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- End 1 Cauhoi -->
     <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <table style="width: 100%;">
                <tr><td colspan="2">
                     <span class="cauhoi_title">Thông tin người thuê nhà mới: </span>
                   <%--<span class="chuthich"> &nbsp;&nbsp; ( Người thuê ban đầu theo hợp đồng )</span>--%>
                </td></tr>
                <tr>
                    <td class="cauhoi_ct">
                        Số lượng người thuê :
                    </td>
                    <td>
                        <select name="slnthuemoi" id="slnthuemoi">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                         </select>
                    </td>
                </tr>
            </table>
        <div id="thuemoi1">
            <table style="width: 100%;">
                <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ nhất</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt56">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtthuemoi1" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="txtthuemoi1"
                            runat="server" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </td>
                </tr>
            </table>
        </div>
        <div id="thuemoi2" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ hai</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt26">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtthuemoi2" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
        <div id="thuemoi3" style="display:none">
            <table style="width: 100%;">
             <tr>
                    <td colspan="2" class="indam"> Thông tin người thứ ba</td>
                </tr>
                <tr>
                    <td class="cauhoi_ct">
                        Hình thức :
                    </td>
                    <td>
                        <select name="typeofnguoibt37">
                            <option value="invi">Cá nhân</option>
                            <option value="corpor">Tổ chức/Công ty</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên :
                    </td>
                    <td>
                        <asp:TextBox ID="txtthuemoi3" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- End 1 Cauhoi -->
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <span class="cauhoi_title" colspan="2">Thông tin cho thuê </span>
        <table style="width: 100%;">
            <tr>
                <td class="cauhoi_ct">
                    Ngày thuê gốc :
                </td>
                <td>
                   
                    <asp:TextBox ID="leasedate" runat="server"></asp:TextBox> 
                    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" 
                        TargetControlID="leasedate" Format="MMMM d,yyyy">
                    </ajaxToolkit:CalendarExtender>
                    <span class="chuthich">(ví dụ: July 24th , 2012)</span>

                </td>
            </tr>
            <tr>
                <td class="cauhoi_ct" valign="top">
                    Địa chỉ của cơ sở :
                </td>
                <td>
                   
                    <asp:TextBox ID="address" runat="server"></asp:TextBox>
                    <span class="chuthich">(ví dụ: Lô số #, Tên tòa nhà , Đường . Thành Phố, Công Ty, Bang
                        , Zip Code)</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- End 1 Cauhoi -->
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <span class="cauhoi_title" colspan="2">Thông tin cho thuê lại </span>
        <table style="width: 100%;">
            <tr>
                <td class="cauhoi_ct">
                    Ngày thuê lại bắt đầu :
                </td>
                <td>
                   
                    <asp:TextBox ID="txtThuelaiBD" runat="server"></asp:TextBox> 
                    <ajaxToolkit:CalendarExtender ID="CalendarExtender2" runat="server" 
                        TargetControlID="txtThuelaiBD" Format="MMMM d,yyyy">
                    </ajaxToolkit:CalendarExtender>
                    <span class="chuthich">(ví dụ: July 24th , 2012)</span>

                </td>
            </tr>
            <tr>
                <td class="cauhoi_ct">
                    Ngày thuê kết thúc :
                </td>
                <td>
                   
                    <asp:TextBox ID="txtThuelaiKT" runat="server"></asp:TextBox> 
                    <ajaxToolkit:CalendarExtender ID="CalendarExtender4" runat="server" 
                        TargetControlID="txtThuelaiKT" Format="MMMM d,yyyy">
                    </ajaxToolkit:CalendarExtender>
                    <span class="chuthich">(ví dụ: July 24th , 2012)</span>

                </td>
            </tr>
            <tr>
                <td class="cauhoi_ct" valign="top">
                    Diện tích cho thuê :
                </td>
                <td>
                    <select id="selDTchothue">
                        <option value="all">Toàn bộ</option>
                        <option value="part">1 phần</option>
                    </select>
                </td>
            </tr>
            <tr id="dacbiet" style="display:none">
                <td class="cauhoi_ct" valign="top">
                Mô tả về cơ sở đó :
                 </td>
                  <td>
                      <asp:TextBox ID="txtCS" runat="server"></asp:TextBox>
                      <span class="chuthich">(Ví dụ như tầng thứ tư của Cơ Sở)</span>
                 </td>
            </tr>
             <tr>
                <td class="cauhoi_ct" valign="top">
                    Tiền thuê nhà sẽ trả cho :
                </td>
                <td>
                    <select id="selthanhtoan">
                        <option value="nguoithue">Người thuê</option>
                        <option value="chunha">Chủ nhà</option>
                    </select>
                </td>
            </tr>
            <tr id="dacbiet2" style="display:none">
                <td class="cauhoi_ct" valign="top">
                    Địa chỉ chủ nhà sẽ thanh toán :
                </td>
                <td>
                    <asp:TextBox ID="txtTT" runat="server"></asp:TextBox>
                    <span class="chuthich">(Ví dụ như Suite 304, Bridlewood Tower, Atlanta, Georgia, Mỹ, 92.356)</span>
                </td>
            </tr>
        </table>
        
    </div>
    <!-- End 1 Cauhoi -->
   
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <span class="cauhoi_title" colspan="2">Bổ sung các điều khoản cho phép</span>
        <table style="width: 100%;">
            <tr>
                <td class="cauhoi_ct">
                    Có bất kỳ cho phép sử dụng bổ sung của Mặt bằng thuê lại?
                </td>
                <td>
                    <select id="selBosung">
                        <option value="nobs">Không</option>
                        <option value="yesbs">Có</option>
                    </select>

                </td>
            </tr>
            <tr id="dacbiet3" style="display:none">
                <td class="cauhoi_ct" valign="top">
                    Mô tả được phép bổ sung :
                </td>
                <td>
                    <asp:TextBox ID="txtBoSungMucDich" runat="server"></asp:TextBox>
                    <span class="chuthich">(Ví dụ như bán lẻ vật tư vật nuôi, kho bãi đồ đạc thép không gỉ, bán vật tư đường ống dẫn nước, vv)</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- End 1 Cauhoi -->
    
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <span class="cauhoi_title" colspan="2">Các điểu khoản bổ sung </span>
        <table style="width: 100%;">
            <tr>
                <td class="cauhoi_ct">
                    Nội dung của điều khoản :
                </td>
                <td>
                    <asp:TextBox ID="txtaddTerm" runat="server" Width="95%" Height="100px" TextMode="MultiLine"></asp:TextBox>
                </td>
                <td class="thunho">
                    <div id="rollover">
                        <a>
                            <img src="<%=ResolveClientUrl("~/img/quest_mark.png")%>" />
                            <span>Hỏi: Tôi hoàn toàn có thể thêm điều khoản mới để cho thuê?<br>
                                <br>
                                Trả lời: Có, bạn có thể sử dụng phần Điều khoản bổ sung của trang câu hỏi để tạo
                                ra các điều khoản hợp đồng thuê mới không có trong hợp đồng thuê ban đầu. </span>
                        </a>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                   <span class="chuthich">Ví dụ như chuyển nhượng có thể sử dụng các quầy hàng đỗ xe # 313 và # 314 cho bãi đậu xe của nhân viên.</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- End 1 Cauhoi -->
    <!-- Start 1 Cauhoi -->
    <div class="cauhoi">
        <span class="cauhoi_title" colspan="2">Thông tin về ký kết :</span>
        <table style="width: 100%;">
            <tr>
                <td class="cauhoi_ct">
                    Dữ liệu thuê lại được ký ngày :
                </td>
                <td>
                   
                    <asp:TextBox ID="txtNgayKi" runat="server"></asp:TextBox>
                    <ajaxToolkit:CalendarExtender ID="CalendarExtender3" runat="server" TargetControlID="txtNgayKi"
                        Format="MMMM dd, yyyy">
                    </ajaxToolkit:CalendarExtender>
                    <span class="chuthich">ví dụ : July 25th 2012</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- End 1 Cauhoi -->
    <br />
    <div class="xacnhan" style="text-align: center;">
        <span>
            <asp:Button ID="btn_sendkq" runat="server" Text="Xem Trước" PostBackUrl="~/apps/apps_rs/16.aspx"
                CssClass="css_nutkq" /></span>
    </div>
</div>
<script type="text/javascript">
        $(document).ready(function() {
            $("#slnchothue").change(function(){              
                var x = $('#slnchothue :selected').val();
               //alert(x);
                
                // set lai hien thi la none
                for (i = 3; i>=1; i--) {
                    document.getElementById("slnguoi"+i).style.display="none";
                    //alert(i);
                }
                // hien thi ra
                for (i =1; i<=x; i++) {
                    document.getElementById("slnguoi"+i).style.display="block";
                }
                //set lai value cua textbox la ""
                for (i=4; i>x; i--) {
                    document.getElementById("txtslnguoi"+i).value = "";
                }
            });
            $("#slngchuyennhuon").change(function(){
                var x = $('#slngchuyennhuon :selected').val();
                
                for (i = 3; i>=1; i--) {
                    document.getElementById("ngchuyennhuon"+i).style.display="none";
                
                }
                for (i =1; i<=x; i++) {
                    document.getElementById("ngchuyennhuon"+i).style.display="block";
                }
              for (i=4; i>x; i--) {
                    document.getElementById("txtngchuyennhuon"+i).value = "";  
                }
              
            });
            $("#slnthuemoi").change(function(){
                var x = $('#slnthuemoi :selected').val();
                
                for (i = 3; i>=1; i--) {
                    document.getElementById("thuemoi"+i).style.display="none";
                
                }
                for (i =1; i<=x; i++) {
                    document.getElementById("thuemoi"+i).style.display="block";
                }
              for (i=4; i>x; i--) {
                    document.getElementById("txtthuemoi"+i).value = "";  
                }
            });
            $("#selDTchothue").change(function(){
                var x = $('#selDTchothue :selected').val();
                document.getElementById("dacbiet").style.display="none";
                if(x=="part")
                {
                    document.getElementById("dacbiet").style.display="";
                }else if(x="all"){
                    document.getElementById("dacbiet").style.display="none";
                }

            });
            $("#selthanhtoan").change(function(){
                var x = $('#selthanhtoan :selected').val();
                document.getElementById("dacbiet2").style.display="none";
                if(x=="chunha")
                {
                    document.getElementById("dacbiet2").style.display="";
                }else if(x="nguoithue"){
                    document.getElementById("dacbiet2").style.display="none";
                }

            });
            
            $("#selBosung").change(function(){
                var x = $('#selBosung :selected').val();
                document.getElementById("dacbiet3").style.display="none";
                if(x=="yesbs")
                {
                    document.getElementById("dacbiet3").style.display="";
                }else if(x="nobs"){
                    document.getElementById("dacbiet3").style.display="none";
                }

            });
        });
        
        function setVisDisp(objectId,visible) {
           var type;
           if(arguments.length==3) type=arguments[2];
           else type = "block";
           if(document.getElementById && document.getElementById(objectId)) {
              document.getElementById(objectId).style.display = 
                 (visible)?type:"none";
           } else if (document.all && document.all(objectId)) {
              document.all(objectId).style.display =
                 (visible)?type:"none";
           }
        }
        
        // kiem tra
        function checkInfo()
        {
          if (getObject('landlordNname1').value == "") 
           {
             setVisDisp("errorMessageDisp1", true);
             getObject('landlordNname1').focus();

             if (getObject('tenantNname1').value != "")
              setVisDisp("errorMessageDisp2", false);
             
             check=false;
           }
             
              
           if (getObject('tenantNname1').value == "")
           {
             setVisDisp("errorMessageDisp2", true);
             getObject('tenantNname1').focus();

             if (getObject('landlordNname1').value != "") 
              setVisDisp("errorMessageDisp1", false);

             
             check=false;
           }

           if (getFormObject("leaseamend", "stateProv").value == "sel")
           {
             setVisDisp("errorMessageDisp3", true);	
             getFormObject('leaseamend', 'stateProv').focus();
            
             check=false;
           }

           else
              setVisDisp("errorMessageDisp3", false);	
          
           if (getFormObject("leaseamend", "stateProv").value == "sel")
           {
             setVisDisp("errorMessageDisp4", true);	
             getFormObject('leaseamend','stateProv').focus();
             
             check=false;
           }
           
           else
              setVisDisp("errorMessageDisp4", false);
        }
        
</script>
<style>
    #rollover a
    {
        text-decoration: none;
    }
    #rollover a span
    {
        visibility: hidden;
        display: block;
        position: absolute; /**adjust disjointed text position in % or px**/
        left: 65%;
        width: 300px;
        min-height: 100px;
        color: #0c5ec3;
        background-color: #fbfbfc;
        border: 2px solid #444445;
        padding: 5px;
        border-radius: 5px;
    }
    #rollover a:hover span
    {
        visibility: visible;
    }
    #rollover a:hover
    {
        text-decoration: none;
        color: #FF6600;
        visibility: visible;
    }
</style>